var video = $("video").get(0); //获取所有video标签，get第一个


function formatTime(time) {
    var h = Math.floor(time / 3600); // 小时
    var m = Math.floor(time % 3600 / 60); // 获取剩余minutes
    var s = Math.floor(time % 60); // 秒
    return (h < 10 ? "0" + h : h) + ":" + (m < 10 ? "0" + m : m) + ":" + (s < 10 ? "0" + s : s); // 格式化时间方法
}

// 1、显示时间:当浏览器可以播放视频，让时间显示出来
video.oncanplay = function() {
    $("video").show();
    console.log(video.duration); // 打印出视频总时长
    var totalTime = formatTime(video.duration);
    console.log(totalTime);
    $(".total").html(totalTime);
}

// 2、实现视频播放/暂停效果
$(".switch").on("click", function() {
    if ($(this).hasClass("fa-play")) { // 播放视频
        video.play();
        $(this).addClass("fa-pause").remove("fa-play")
    } else { // 暂停播放
        video.pause();
        $(this).addClass("fa-play").remove("fa-pause")
    }
});

// 3、实现进度条显示
video.ontimeupdate = function() {
    var w = video.currentTime / video.duration * 100 + "%";
    $(".line").css("width", w);
    $(".current").html(formatTime(video.currentTime));
}